<%@ page language="java" pageEncoding="UTF-8"%>
<%@ include file="/commons/taglibs.jsp" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>欢迎访问产品运营互动中心！</title>
		<%@ include file="/commons/include/head-meta.inc.jsp"%>
		<script type="text/javascript" src="${ctx }/bpm/productFLow/apply.js"></script>	
		<script type="text/javascript">
		$(document).ready(function(){
			$('select[name="isClient"]','#applyForm').selectOptionsUI('${product.isClient}');
			$('select[name="isNew"]','#applyForm').selectOptionsUI('${product.isNew}');
		})
		</script>	
	</head>
	<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0">
	<form name="applyForm" id="applyForm" action="" method="post" enctype="multipart/form-data">
		<input type="hidden" id="isCommitId" name="isCommit" value=""/>
		<input type="hidden" name="flowTaskId" value="${taskView.procTranRecord.id }"/>
		<input type="hidden" name="procinstId" value="${taskView.procTranRecord.procinstId }"/>
		<table width="980" border="0" cellspacing="0" cellpadding="0"
			align="center">
			<tr>
				<td>
					<table width="100%" border="0" cellpadding="0" cellspacing="0" background="<c:url value="/images/new/gxzl_index_2.gif"/>">

						<tr>
							<td width="20" height="32">
								&nbsp;
							</td>
							<td width="20">
								<img src="<c:url value="/images/new/dq_dot.gif"/>" width="15" height="12" />
							</td>
							<td>
								当前位置：
								<font color="#003399">业务需求交互单</font>
							</td>
						</tr>
					</table>
				</td>
			</tr>
			<tr>
				<td background="" class="leftbg">
					<table width="98%" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#FFFFFF">
						<tr>
							<td width="20%" valign="top">
								<jsp:include page="../pvc/inc/functionButonForProduct.inc.jsp">
									<jsp:param name="formUrl" value="opProductFlow.do?action=commitApplyTask"/>
								</jsp:include>
																
								<table width="96%" border="0" cellspacing="0" cellpadding="0"
									align="center" bgcolor="#FFFFFF">
									<tr>
										<td valign="top" align="center">
												<table width="100%" border="0" cellspacing="0"
													cellpadding="7" align="center" class=tablecolor2>
													<tr>
														<td background="<c:url value="/images/catalog_manage_bbs_3.gif"/>"
															colspan="4">
															<span style="margin-top: 0px; margin-left: 14px">
																<img src="<c:url value="/images/catalog_manage_12.gif"/>" width=13 height=13 alt="">
															</span>
															<strong>流程信息</strong>
														</td>
													</tr>
													<tr>
														<td width="14%" bgcolor="D6E3FA">
															<div align="right" class="STYLE2">
																当前状态：
															</div>
														</td>
														<td width="36%">${taskView.procTranRecord.processStep.name }</td>
														<td bgcolor="D6E3FA" width="14%">
															<div align="right" class="STYLE2">
																当前办理人：
															</div>
														</td>
														<td width="36%">${taskView.procTranRecord.transactor.name }
														</td>
													</tr>
													<tr>
														<td bgcolor="D6E3FA" width="14%">
															<div align="right" class="STYLE2">
																当前流程：
															</div>
														</td>
														<td colspan="3">${taskView.procTranRecord.processConfig.name }
														</td>
													</tr>
													<c:if test="${taskView.procTranRecord.state!='end'}">
													<c:if test="${taskView.procTranRecord.taskType!='03' }">
													<tr>
														<td bgcolor="D6E3FA" width="14%">
															<div align="right" class="STYLE2">
																<font color="red">*</font>下一步骤：
															</div>
														</td>
														<td colspan="3">															
															<jsp:include page="../pvc/inc/nextNodeSetp.inc.jsp"></jsp:include>															
														</td>
													</tr>													
													</c:if>
													<tr>
														<td bgcolor="D6E3FA" width="14%">
															<div align="right" class="STYLE2">
																<font color="red">*</font>办理意见：
															</div>
														</td>
														<td colspan="3">
															<textarea id="commentComtentID" name="commentComtent" style="width: 95%;height: 60px" dataType="Require" msg="必填">${taskView.procTranRecord.transactInfo }</textarea>
														</td>
													</tr>													
													</c:if>
													<tr>
														<td bgcolor="D6E3FA" width="14%">
															<div align="right" class="STYLE2">
																流程事项说明：
															</div>
														</td>
														<td colspan="3">${taskView.procTranRecord.processStep.flowExplain }
														</td>
													</tr>													

													<tr>
														<td bgcolor="D6E3FA" width="14%">
															<div align="right" class="STYLE2">
																处理时限说明：
															</div>
														</td>
														<td colspan="3">${taskView.procTranRecord.processStep.limitExplain }
														</td>
													</tr>													
													
													
												</table>								
	
												<table id="propertyTable" width="100%" border="0" cellspacing="0" cellpadding="7" align="center" class=tablecolor2>
													<tr>
														<td background="<c:url value="/images/catalog_manage_bbs_3.gif"/>"
															colspan="4">
															<span style="margin-top: 0px; margin-left: 14px">
																<img src="<c:url value="/images/catalog_manage_12.gif"/>" width=13 height=13 alt="">
															</span>
															<strong>基本信息</strong>
														</td>
													</tr>
													<tr>
														<td width="14%" bgcolor="D6E3FA">
															<div align="right">
																<font color="red">*</font>产品名称：
															</div>
														</td>
														<td>
															<input name="name" type="text" style="width: 80%" dataType="Require" msg="必填" value="${product.name }"  />
														</td>
													</tr>
													<tr>
														<td width="14%" bgcolor="D6E3FA">
															<div align="right">
																访问地址：
															</div>
														</td>
														<td>
															<input name="linkUrl" type="text" style="width: 80%" value="${product.linkUrl }" />
														</td>
													</tr>
													<tr>
														<td width="14%" bgcolor="D6E3FA">
															<div align="right">
																产品简介：
															</div>
														</td>
														<td>
															<textarea style="width: 80%;height: 50px" name="briefIntroduction">${product.briefIntroduction }</textarea>
														</td>
													</tr>
													

													<tr>
														<td width="14%" bgcolor="D6E3FA">
															<div align="right">
																功能点描述：
															</div>
														</td>
														<td>
															<textarea style="width: 80%;height: 50px" name="description" cols="60" rows="3">${product.description }</textarea>
														</td>
													</tr>
													<tr>
														<td width="14%" bgcolor="D6E3FA">
															<div align="right">
																<font color="red">*</font>主要负责人：
															</div>
														</td>
														<td>
															<input type="hidden" name="mainPersons" value="${mainPersons}">
															<input type="text" id="mainPersonNames" style="width: 250px" name="mainPersonNames" readonly value="${mainPersonNames}" dataType="Require" msg="必填">
															<button type="button" style="margin-left: 5px" onClick="selectProcMainPerson()">选择人员</button>
														</td>
													</tr>
													<tr>
														<td width="14%" bgcolor="D6E3FA">
															<div align="right">
																其它负责人：
															</div>
														</td>
														<td>
															<input type="hidden" name="persons" value="${persons}">
															<input type="text" name="personNames" style="width: 250px" readonly value="${personNames}">
															<button type="button" style="margin-left: 5px" onClick="selectProPerson()">选择人员</button>
														</td>
													</tr>
													<tr>
														<td width="14%" bgcolor="D6E3FA">
															<div align="right">
																所属集团目录：
															</div>
														</td>
														<td>
				                      					<input type="hidden" id="sortId1" name="productSortId" value="${jtProductSort.id}">
				                      					<input type="text" id="sortName1" name="productSortName" readonly value="${jtProductSort.name}" size="55">
									  					<button type="button" style="margin-left: 5px" onClick="showTypeDialog(1)">选择集团目录</button>
														</td>
													</tr>
													<tr>
														<td width="14%" bgcolor="D6E3FA">
															<div align="right">
																所属福建省目录：
															</div>
														</td>
														<td>
				                      					<input type="hidden" id="sortId2" name="productSortId" value="${shProductSort.id}">
				                      					<input type="text" id="sortName2" name="productSortName" readonly value="${shProductSort.name}" size="55">
									  					<button type="button" style="margin-left: 5px" onClick="showTypeDialog(2)">选择福建省目录</button>
														</td>
													</tr>
													
													<tr>
														<td width="14%" bgcolor="D6E3FA">
															<div align="right">
																是否新产品：
															</div>
														</td>
														<td>
															<select name="isNew" style="width:60px">
																<option value="1">
																	是
																</option>
																<option value="0">
																	否
																</option>
															</select>
														</td>
														
													</tr>
													<tr>
														<td width="14%" bgcolor="D6E3FA">
															<div align="right">
																是否有客户端：
															</div>
														</td>
														<td>
															<select id="isClientSel" name="isClient" style="width:60px">
																<option value="0">
																	无
																</option>
																<option value="1">
																	有
																</option>
															</select>
														</td>
													</tr>
													
													<c:forEach items="${productInfos }" var="listOne">
													<tr>
														<td width="14%" bgcolor="D6E3FA">
															<div align="right">
																${listOne.productPropertyName }：
															</div>
														</td>
														<td>
															<textarea style="width: 80%;height: 50px" name="propertyValue" cols="60" rows="3">${listOne.propertyValue }</textarea>
															<input type="hidden" name="infoIds" value="${listOne.productProperty }">
														</td>
													</tr>
													
													</c:forEach>
													<tr>
														<td width="14%" bgcolor="D6E3FA">
															<div align="right" class="STYLE2">
																产品图片：
															</div>
														</td>
														<td>
															<table width="98%" border="0" class=tablecolor2>
																<tr>
																	<td width="" align="center" bgcolor="D6E3FA">
																		附件名称
																	</td>
																	<td width="120" align="center" bgcolor="D6E3FA">
																		类型
																	</td>
																	<td width="50" align="center" bgcolor="D6E3FA">
																		删除
																	</td>
																</tr>
																<c:forEach items="${imageAttachList }" var="attachOne">
																<tr>
																	<td><a href="${ctx }/common/showFile.action?attach.id=${attachOne.id }">${attachOne.name }</a></td>
																	<td style="text-align: center;">产品图片</td>
																	<td style="text-align: center;"><input name="attactId" type="checkbox" value="${attachOne.id }"/></td>
																</tr>
																</c:forEach>
															</table>
															<br />
															<table width="98%" border="0" class=tablecolor2>
																<tr>
																	<td>
																		&nbsp;
																		<font color="red">注：只限于上传img、jpg、gif等图片格式文件，大小限制为10M.</font>
																	</td>
																</tr>
																<tr>
																	<td align="left">
																		<div>
																		<input type="file" name="productImageFile" style="width: 80%" /><button class="addBtnCss" style="margin-right: 6px" type="button">添加</button>
																		</div>
																	</td>
																</tr>
															</table>
														</td>
													</tr>
												</table>
												
												
												<table width="100%" border="0" cellspacing="0" cellpadding="7" align="center" class="tablecolor2">
													<tr>
														<td background="<c:url value="/images/catalog_manage_bbs_3.gif"/>" colspan="4">
															<span style="margin-top: 0px; margin-left: 14px">
																<img src="<c:url value="/images/catalog_manage_12.gif"/>" width=13 height=13 alt="">
															</span>
															<strong>产品文档</strong>
														</td>
													</tr>
													<tr>
														<td width="14%" bgcolor="D6E3FA" style="text-align: right;">已传文档：</td>
														<td>
														<table width="98%" border="0" class=tablecolor2>
																<tr>
																	<td width="" align="center" bgcolor="D6E3FA">
																		附件名称
																	</td>
																	<td width="120" align="center" bgcolor="D6E3FA">
																		类型
																	</td>
																	<td width="50" align="center" bgcolor="D6E3FA">
																		删除
																	</td>
																</tr>
																<c:forEach items="${productReferAttachList }" var="attachOne">
																<tr>
																	<td><a href="${ctx }/common/showFile.action?attach.id=${attachOne.attach.id }">${attachOne.attach.saveType!=2?attachOne.attach.fullName:attachOne.attach.name }</a></td>
																	<td style="text-align: center;">${attachOne.productReference.referenceType.name }</td>
																	<td style="text-align: center;"><input name="attactId" type="checkbox" value="${attachOne.attach.id }"/></td>
																</tr>
																</c:forEach>
															</table>
														</td>
													</tr>
													<c:forEach items="${refeTypeList }" var="listOne">
													<tr>
														<td width="14%" bgcolor="D6E3FA">
															<div align="right">
																<c:if test="${listOne.note=='y' }">
																<font color="red">*</font>
																</c:if>${listOne.name }：
															</div>
														</td>
														<td>
															<div>
															<input type="file" name="${listOne.keyValue }-${listOne.id }" style="width: 80%" ${listOne.note=='y'?'dataType="Require"':'' } msg="*"/><button class="addBtnCss" style="margin-right: 6px" type="button">添加</button>
															</div>														
														</td>
													</tr>
													</c:forEach>
												</table>
												
												<table style="display: none;" id="clientAttach" width="100%" border="0" cellspacing="0" cellpadding="7" align="center" class="tablecolor2">
													<tr>
														<td background="<c:url value="/images/catalog_manage_bbs_3.gif"/>" colspan="4">
															<span style="margin-top: 0px; margin-left: 14px">
																<img src="<c:url value="/images/catalog_manage_12.gif"/>" width=13 height=13 alt="">
															</span>
															<strong>客户端附件</strong>
														</td>
													</tr>
													<c:forEach items="${refeTypeListClient }" var="listOne">
													<tr>
														<td width="14%" bgcolor="D6E3FA">
															<div align="right">
																<c:if test="${listOne.note=='y' }">
																<font color="red">*</font>
																</c:if>${listOne.name }：
															</div>
														</td>
														<td>
															<div>
															<input type="file" name="${listOne.keyValue }-${listOne.id }" style="width: 80%" ${listOne.note=='y'?'dataType="Require"':'' } msg="*"/><button class="addBtnCss" style="margin-right: 6px" type="button">添加</button>
															</div>														
														</td>
													</tr>
													</c:forEach>
												</table>
												
												<table width="100%" border="0" cellspacing="0"
													cellpadding="7" align="center" class=tablecolor2>
													<tr>
														<td
															background="<c:url value="/images/catalog_manage_bbs_3.gif"/>"
															colspan="4">
															<span style="margin-top: 0px; margin-left: 14px"><img
																	src="<c:url value="/images/catalog_manage_12.gif"/>" width="13" height="13" alt="">
															</span>
															<strong>办理过程</strong>
														</td>
													</tr>
													
													<tr>
														<td>
															<jsp:include page="../pvc/inc/taskDetailList.inc.jsp"></jsp:include>
														</td>
													</tr>
												</table>																								
										</td>
									</tr>
								</table>
							</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
		</form>
	</body>
</html>